<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:a4j="http://richfaces.org/a4j"
	template="/layout/normal.xhtml"
    xmlns:rich="http://richfaces.org/rich">

	<ui:define name="body">
		<rich:panel >
			<f:facet name="header">Búsqueda de pajaros</f:facet>
			<h:panelGrid columns="1" id="mensaje">
				<h:messages id="mensajes" />
			</h:panelGrid>
			<h:panelGrid columns="5">
								<h:outputLabel value="Nº anilla" styleClass="th150"></h:outputLabel>
								<h:inputText value="#{gestionCanarioCriador.numAnilla}"></h:inputText>
								<h:outputLabel value="Tipo" styleClass="th150"></h:outputLabel>
								<h:selectOneMenu value="#{gestionCanarioCriador.tipo}" styleClass="td100"
									>
									<s:selectItems var="tipo" value="#{gestionCanarioCriador.listaTipos}"
										label="#{tipo.nombre}" noSelectionLabel=""></s:selectItems>
									<s:convertEntity />
								</h:selectOneMenu>



				<h:commandButton  value="" title="Buscar" action="#{gestionCanarioCriador.buscar}" styleClass="boton buscar" style="margin-left:463px; "/>

			</h:panelGrid>


			<h:panelGrid columns="1" style="text-align:center"
							rendered="#{listaPajarosCriador!=null}">
							<rich:dataTable id="pp" value="#{listaPajarosCriador}" var="pun"
								onRowMouseOver="this['cssoriginal']=this.style.backgroundColor;this.style.backgroundColor='#C1E6EE';"
								onRowMouseOut="this.style.backgroundColor=this['cssoriginal'];"
								rowClasses="fila_impar,fila_par" cellpadding="0" cellspacing="0"
								rendered="#{listaPajarosCriador!=null and listaPajarosCriador.rowCount >0}"
								width="880px" rows="10">
								<f:facet name="header">
									<rich:columnGroup style="font-weight: bold;">
										<rich:column style="text-align:left;">
											<h:outputText value="Nº anilla" />
										</rich:column>
										<rich:column style="text-align:left;">
											<h:outputText value="Tipo" />
										</rich:column>
										<rich:column style="text-align:left;">
											<h:outputText value="Criador" />
										</rich:column>
										<rich:column style="text-align:left;width:30px;">
											<h:outputText value="Ver" />
										</rich:column>
									</rich:columnGroup>
								</f:facet>
								<rich:columnGroup style="font-weight: bold;">
									<rich:column style="text-align:left;">
										<h:outputText value="#{pun.numAnilla}" title="Nombre de la asociacion"></h:outputText>
									</rich:column>
									<rich:column style="text-align:left;width:">
										<h:outputText value="#{pun.tipo.nombre}" ></h:outputText>
									</rich:column>
									<rich:column style="text-align:left;width:">
										<h:outputText value="#{pun.criador.numCriador}" ></h:outputText>
									</rich:column>
									<rich:column style="text-align:left;width:30px;">
										<a4j:commandButton value="" title="Ver" action="#{consultaCanarioCriador.selectPajaro}" styleClass="boton buscar" style="width:30px;" />
									</rich:column>
								</rich:columnGroup>
							</rich:dataTable>
							<rich:datascroller align="center" for="pp"
								maxPages="10" id="sc3bd" renderIfSinglePage="false"
								reRender="pp"/>
		</h:panelGrid>
		</rich:panel>
	</ui:define>

	<ui:define name="botonera">
		<h:panelGrid columns="1" styleClass="botones">
		</h:panelGrid>

	</ui:define>

</ui:composition>